<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="shortcut icon" href="./image/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/about.css">
 
</head>

<body>
    <!-- 顶部区域 -->
    <div class="top outer">
        <div class="container">
            <div class="top-group fl top-left">
                <a href="" class="login">亲，请登录</a>
                <a href="" class="register">免费注册</a>
            </div>
            <div class="top-group fr top-right">
                <a href=""><i class="fa fa-users"></i></a>
                <a href=""><i class="fa fa-shopping-cart"></i></a>
                <a href="">个人中心</a>
                <a href="">切换账号</a>
                <a href="">退出账号</a>
            </div>
        </div>
    </div>
    <!-- 头部内容 -->
    <header class="head container">
        <div class="logo">
            <img src="./image/public/logo.png" alt="">
        </div>
        <div class="search">
            <label class="ipt" for="s">
                <input type="text" placeholder="" id="s" required><button>搜索</button>
                <div class="placeholder-group">
                    <i class="fa fa-search"></i>
                    <span class="placeholder-text">安岳黄柠檬</span>
                </div>
            </label>
            <div class="tip">
                <a href="" class="tip-text">正宗土鸡蛋</a>
                <a href="" class="tip-text">山东大白菜</a>
                <a href="" class="tip-text">四川猕猴桃</a>
                <a href="" class="tip-text">福建红心柚</a>
                <a href="" class="tip-text">四川猕猴桃</a>
                <a href="" class="tip-text">福建红心柚</a>
            </div>

        </div>
        <a class="scan-btn">
            <i class="fa fa-qrcode"></i>
            <span>扫一扫</span>
        </a>
    </header>
    <!-- 导航菜单 -->
    <nav class="nav ">
        <div class="container nav-wrap">
            <a class="category">
                <i class="fa fa-reorder"></i>
                <span>货品分类</span>
            </a>
            <ul class="nav-menu">
                <li class="nav-menu-item">
                    <a href="./index.html">首页</a>
                </li>
                <li class="nav-menu-item">
                    <a href="">采购大厅</a>
                </li>
                <li class="nav-menu-item">
                    <a href="">爱心助农</a>
                </li>
                <li class="nav-menu-item">
                    <a href="">农业咨询</a>
                </li>
                <li class="nav-menu-item">
                    <a href="./about.html">关于我们</a>
                </li>
            </ul>
        </div>
    </nav>
    <h1>aoubt</h1>
    <!-- 脚部内容 -->
    <footer>
        <div class="foot-top">
            <div class="container ft-con">
                <div class="ftc-item">
                    <div class="ftci-circle" data-title="绿色">   
                        <i class="fa fa-leaf"></i>
                    </div>
                    <p>xx农产网是一家专注于绿色有机农产品的专业服务网</p>
                </div>
                <div class="ftc-item">
                    <div class="ftci-circle" data-title="智能">   
                        <i class="fa fa-cloud"></i>
                    </div>
                    <p>xx专注于满足市场需求不断拓展服务区域</p>
                </div>
                <div class="ftc-item">
                    <div class="ftci-circle" data-title="实惠">   
                        <i class="fa fa-rmb"></i>
                    </div>
                    <p>没有中间商，免除差价让交易更加简单</p>
                </div>
                <div class="ftc-item">
                    <div class="ftci-circle">   
                        <i class="fa fa-leaf"></i>
                    </div>
                    <p>xx农产网是一家专注于绿色有机农产品的专业服务网</p>
                </div>
                <div class="ftc-item">
                    <div class="ftci-circle">   
                        <i class="fa fa-leaf"></i>
                    </div>
                    <p>xx农产网是一家专注于绿色有机农产品的专业服务网</p>
                </div>
            </div>
        </div>
        <div class="foot-bottom">
            <div class="container">
                <ul class="links">
                    <li class="cl-item"><a href="">关于我们</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">法律声明</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">使用协议</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">版权隐私</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">友情链接</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">成功案列</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">xx大事件</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">产品库</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">品种库</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">产品价格大全</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">产品地图</a></li>
                </ul>  
                <p>蜀ICP备12345678号-1  服务热线：400-008-8888</p>
                <p>互联网农产品信息服务资格证书：（蜀）- 经营性-2019-0001 四川xx农产品网营业执照</p>
                <p>©-2019 Cnhnb B2B SYSTEN ALL Rights Reserved</p>                      
            </div>
        </div>
    </footer>



    

</body>

</html>